{extend name="public/base" /}
{block name="css"}
<style>

  .container-fluid {

  }

  .mx-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .banner {
    width: 100%;
  }

</style>
{/block}
{block name="main"}
<section class="container-fluid main-container">
  <!-- banner -->
  <div class="row" style="position: relative;">
    <img alt="" class="banner" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202012/pc/banner.png">
  </div>
  <!-- banner end -->

  <div class="row" style="position: relative;padding-bottom: 50px;background: url('https://res.bestyoujia.com/web/ZMYJ/activities/act202012/pc/bj1.png') no-repeat; background-size: cover">
    <div class="max-width mx-auto">
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202012/pc/djpz_mj.png">
    </div>
  </div>

  <img alt="" style="width: 100%" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202012/pc/title.png">

  <div class="row" style="position: relative;padding-bottom: 60px;background: url('https://res.bestyoujia.com/web/ZMYJ/activities/act202012/pc/bj2.png') no-repeat; background-size: cover">
    <div class="max-width mx-auto">
      <div style="position: relative">
        <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202012/pc/0yuan.png">
        <div style="position: absolute; color: #B51F1F; right: 60px; bottom: 40px;background: #FFC77F; border-radius: 15px; padding: 5px 20px">火热预约中...  <span style="font-weight: bold">已预约{$count}户</span></div>
      </div>
      <img alt="" style="margin-top: 60px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202012/pc/1212.png">
      <div style="text-align: center;margin-top: 50px">
        <div style="text-align: center; color: #FFFFFF; font-size: 20px; letter-spacing: 2px">活动报名方式：</div>
        <div style="text-align: center; color: #FFFFFF; font-size: 18px; letter-spacing: 2px">联系官网客服，即有专业客服为您服务！</div>
        <img alt="" style="width: 30%; margin: 40px 0 30px" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202012/pc/code_mj.png">
        <div style="text-align: center; color: #FFFFFF; font-size: 16px">活动详情咨询工作人员，活动最终解释权归致美优家所有</div>
      </div>
    </div>
  </div>
</section>
{/block}
{block name="js"}
<script>

</script>
{/block}